Gradient text

#code/css

https://codepen.io/makzan/pen/zYYObbK

h1 a {
  background-image: linear-gradient(to bottom right, yellow, red);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  // text-fill-color: transparent;
}
h1 a:hover {
  background-image: linear-gradient(to top right, yellow, red);
}